<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>书城首页</title>
  <%@ include file="/pages/common/head.jsp"%>
   <Script type="text/javascript">
   $( function () {
     $("button.addToCart").click(function () {
       var bookId=$(this).attr("bookId");
       location.href = "http://localhost:8080/book/cartServlet?action=addItem&id="+bookId;
     });
   });
</Script>


</head>
<body>

<div id="header">
  <img class="logo_img" alt="" src="static/img/logo.gif" >
  <span class="wel_word">网上书城</span>
  <div>
  <c:if test="${not empty sessionScope.user}">
    <span>欢迎<span class="um_span">${sessionScope.user.username}</span>光临尚硅谷书城</span>
    <a href="pages/order/order.jsp">我的订单</a>
    <a href="userServlet?action=loginOut">注销</a>&nbsp;&nbsp;
  </c:if>
  <c:if test="${empty sessionScope.user}">
    <a href="pages/user/login.jsp">登录</a> |
    <a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
  </c:if>

    <a href="pages/cart/cart.jsp">购物车</a>
    <a href="pages/manager/manager.jsp">后台管理</a>
  </div>


</div>




<div id="main">
  <div id="book">
    <div class="book_cond">
      <form action="" method="get">
        价格：<input id="min" type="text" name="min" value=""> 元 -
        <input id="max" type="text" name="max" value=""> 元
        <input type="submit" value="查询" />
      </form>
    </div>
    <div style="text-align: center">
      <span>您的购物车中有3件商品</span>
      <div>
        您刚刚将<span style="color: red">时间简史</span>加入到了购物车中
      </div>
    </div>


    <c:forEach items="${requestScope.page.items}" var="book">
    <div class="b_list">
      <div class="img_div">
        <img class="book_img" alt="" src="${book.imgPath}" />
      </div>
      <div class="book_info">
        <div class="book_name">
          <span class="sp1">书名:</span>
          <span class="sp2">${book.name}</span>
        </div>
        <div class="book_author">
          <span class="sp1">作者:</span>
          <span class="sp2">${book.author}</span>
        </div>
        <div class="book_price">
          <span class="sp1">价格:</span>
          <span class="sp2">${book.price}</span>
        </div>
        <div class="book_sales">
          <span class="sp1">销量:</span>
          <span class="sp2">${book.sales}</span>
        </div>
        <div class="book_stock">
          <span class="sp1">库存:</span>
          <span class="sp2">${book.stock}</span>
        </div>

        <div class="book_add">
          <button class="addToCart" bookId="${book.id}">加入购物车</button>
        </div>
      </div>
    </div>
    </c:forEach>

  </div>

  <div id="page_nav">
    <a href="#">首页</a>
    <a href="#">上一页</a>
    <a href="#">3</a>
    【4】
    <a href="#">5</a>
    <a href="#">下一页</a>
    <a href="#">末页</a>
    共10页，30条记录 到第<input value="4" name="pn" id="pn_input"/>页
    <input type="button" value="确定">
  </div>

</div>

<div id="bottom">
		<span>
			尚硅谷书城.Copyright &copy;2015
		</span>
</div>
</body>
</html>